<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="node_modules/react/umd/react.development.js"></script>
    <script src="node_modules/react-dom//umd/react-dom.development.js"></script>
    <script src="node_modules/babel-standalone/babel.min.js"></script>
  </head>
  <body>
    <!-- 创建dom 根节点 -->

    <div id="demoReact"></div>

    <script type="text/babel">
        let obj = {
            name:'xixi',
            age:18,
            sex:'男'
        }
       let myDom = Object.keys(obj).map((v,i)=>{
            return <p key key={i}>遍历的属性{v}=====遍历的值{obj[v]}</p>
        })
        ReactDOM.render(myDom,document.getElementById('demoReact'))
    </script>
  </body>
</html>
